<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>财务管理-客户订单明细表</title>
    <link rel="stylesheet" type="text/css" href="jquery-easyui-1.6.7/themes/bootstrap/easyui.css"/>
    <link rel="stylesheet" href="jquery-easyui-1.6.7/themes/icon.css"/>
    <link rel="stylesheet" href="css/icon.css"/>
    <link rel="stylesheet" href="jquery-easyui-1.6.7/themes/icon.css"/>
    <link rel="stylesheet" href="css/order_report.css"/>
    <link rel="stylesheet" href="css/icon_state.css"/>
    <link rel="stylesheet" href="jquery-easyui-1.6.7/themes/icon_expand.css"/>
    <script type="text/javascript" src="jQuery/jquery-3.1.1.min.js"></script>
    <script type="text/javascript" src="jquery-easyui-1.6.7/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="jquery-easyui-1.6.7/datagrid-filter/datagrid-filter.js"></script>
    <script type="text/javascript" src="jquery-easyui-1.6.7/jquery-easyui-edatagrid/jquery.edatagrid.js"></script>
    <script type="text/javascript" src="jquery-easyui-1.6.7/jquery.easyui.expand.js"></script>
    <script type="text/javascript" src="jquery-easyui-1.6.7/locale/easyui-lang-zh_CN.js"></script>
    <script type="text/javascript" src="js/pages/jc/button_generate.js"></script>
    <script type="text/javascript" src="js/util/utils.js?version=1.1"></script>
    <script type="text/javascript" src="js/util/loadEventUtil.js"></script>
    <script type="text/javascript" src="js/util/memoryColumnUtil.js"></script>
    <!-- kendo -->
    <link rel="stylesheet" href="KendoUI/styles/kendo.common.min.css"/>
    <link rel="stylesheet" href="KendoUI/styles/kendo.default.min.css"/>
    <link rel="stylesheet" href="KendoUI/styles/kendo.rtl.min.css"/>
    <script type="text/javascript" src="KendoUI/js/jszip.min.js"></script>
    <script type="text/javascript" src="KendoUI/js/kendo.all.min.js"></script>
    <script type="text/javascript" src="KendoUI/js/messages/kendo.messages.zh-CN.min.js"></script>
    <script type="text/javascript" src="js/util/kendo.config.js"></script>
    <script type="text/javascript" src="js/util/datetimeUtils.js"></script>
    <!--全局样式，设置字体格式变大    -->
    <link rel="stylesheet" href="css/global.css"/>
    <style>
        .input-group {
            padding-top: 5px;
            padding-bottom: 5px;
        }
        .option-item {
            display: flex;
            align-items: center;
            padding: 8px 10px;
            cursor: pointer;
            border-radius: 4px;
            transition: background 0.2s;
        }
        .plan_main {position: absolute;top:1px;bottom:1px;right:1px;left: 1px; background: #FEFCFB; /*  border: 0px solid red;*/}
        /*.plan_top {height: 35px;width: 100%;float: left;background: #F6F2F1;border: 1px solid #F6F2F1 ;}*/
        .plan_top {height: 35px;width: 100%;float: left;background: #F6F2F1;border: 1px solid red ;}
        .plan_text {height: calc(100% - 40px);width: 100%;float: left;background: #FFFCFB;border: 1px solid #DBCFC3 ;}
        .demos {
            height: 30px;
            width: 200px;
            float: left;
        }
        .demos label{
            font-size: 14px;
            text-align:right;
        }
        .plandate {
            height: 60px;
            width: 200px;
            float: left;
        }
    </style>
</head>
<body th:data-menu_id="${MENU_ID}">
<div class="easyui-layout" data-options="fit:true">
    <div data-options="region:'north',height:80">
        <div class="datebox-group">
            <ul style="width: 100%;height: 100%;margin: 0;">
                <li style="height: 32px;">
                    <div class="btn-group pull-left">
                        <input id="orderNo" class="easyui-combobox">
<!--                               data-options="label:'订单号：',-->
<!--                            labelAlign:'right',-->
<!--                            url:'orderMain/listQuery',-->
<!--                            method:'GET',-->
<!--                            textField:'orderNo',-->
<!--                            valueField:'orderNo',-->
<!--                            limitToList:true,-->
<!--                            required:true,-->
<!--                            panelHeight:300,-->
<!--                            width:230,-->
<!--                            labelWidth:80,-->
<!--                            onShowPanel:function(){-->
<!--                                $(this).combobox('reload','orderMain/listQuery');-->
<!--                                },">-->
                    </div>
                    <div id="search_area" class="btn-group pull-left">
                        <a id="btn_search" class="easyui-linkbutton" data-options="
                            text: '查询',
                            size: 'small',
                            group: `g1`,
                            iconCls: 'icon-search',
                            onClick: btn_search,
                            plain: true"></a>
<!--                        <input id="btn_finishedOrAll" class="easyui-switchbutton" data-options="width:70,onText:'全部',offText:'未完成',onChange: finishedOrAll">-->
                    </div>
                    <div id="orderData" class="btn-group pull-left" style="color: #00a2eb;padding-top: 8px;"></div>

                    <div class="pull-right">
                        <div style="height: 50%;">
                            <span style="padding: 1px;width: 12px;height:12px;display: inline-block; background-color: blue;"> </span>
                            <span>已完成</span>
                        </div>
                    </div>
                </li>
                <li>
                    <div id="north" class=" pull-left"></div>
                </li>
            </ul>
        </div>
    </div>
    <div data-options="region:'center'">
        <table id="v_sum_grid"></table>
    </div>
</div>
</body>
<script type="text/javascript" src="js/pages/cw/cw_order_detail_Page.js?version=1.5"></script>
</html>